<template>
	<view class="content">
		<view class="user">
			<view class="top">
				<view class="left">
					<u-image :showLoading="true" src="https://cdn.uviewui.com/uview/album/1.jpg" width="85px"
						height="85px" @click="click"></u-image>


				</view>
				<view class="right">
					<view class="nickname">
						<h3>张三</h3>
						<span style="padding-top: 3px;">
							<u-icon name="account" color="#2979ff" size="25"></u-icon>

						</span>

					</view>
					<view class="nicheng">
						<span>昵称:</span>
						<span>不要忘记wo</span>
					</view>
					<view class="wxcode">
						<span>微信号:</span>
						<span>3435433232</span>
					</view>

					<view class="address">
						<span>地址:</span>
						<span>广东省珠海市香洲区凤凰北433</span>
					</view>
				</view>
			</view>
			<view class="line"></view>
			<view class="main">
				<view class="ROW1">
					<view>设置备注和标签</view>
					<view style="color: #c4c6c9;"><u-icon name="arrow-right"></u-icon></view>
				</view>
				<view class="line"></view>

				<view class="ROW1">
					<view>朋友权限</view>
					<view style="color: #c4c6c9;"><u-icon name="arrow-right"></u-icon></view>
				</view>

			</view>
			<view class="line1"></view>
			<view class="main">
				<view class="ROW1">
					<view>设置备注和标签</view>
					<view style="color: #c4c6c9;"><u-icon name="arrow-right"></u-icon></view>
				</view>
				<view class="line"></view>

				<view class="ROW1">
					<view>朋友权限</view>
					<view style="color: #c4c6c9;"><u-icon name="arrow-right"></u-icon></view>
				</view>

			</view>

		</view>
	</view>
</template>
<script>

</script>
<style lang="scss">
.content {
	padding: 20px;

	.user {
		.top {
			display: flex;

			.left {}

			.right {
				margin-left: 10px;
				font-size: 14px;

				.nickname {
					h3 {
						font-size: 21px;
						font-weight: 600;
					}

					display: flex;




				}

				.nicheng {

					color: #606266;
					margin-top: 5px;
				}

				.wxcode {

					color: #606266;
					margin-top: 5px;
				}

				.address {

					color: #606266;
					margin-top: 5px;

				}
			}

		}
		.bottom{
			
		}
	}

	.line {
		height: 0.5px;
		background: #e7e6e4;
		margin-top: 10px;
		width: 100%;
	}

	.line1 {
		height: 5px;
		background: #e7e6e4;
		margin-top: 10px;
		width: 100%;
	}

	.main {

		.ROW1 {
			display: flex;
			width: 100%;
			padding-top: 15px;
			justify-content: space-between;
		}
	}
}
</style>